﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Wijmo.Master" AutoEventWireup="true" CodeBehind="Origin.aspx.cs" Inherits="ControlExplorer.C1LineChart.Origin" %>
<%@ Register Assembly="C1.Web.Wijmo.Controls.3" namespace="C1.Web.Wijmo.Controls.C1Chart" tagPrefix="wijmo" %>
<asp:Content ID="Content1" ContentPlaceHolderID="Head" runat="server">
	<script type="text/javascript">
		function hintContent() {
			return this.data.lineSeries.label + '\n' +
						this.x + '\n' + this.y + '';
		}
	</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
	<wijmo:C1LineChart ShowChartLabels="false" runat = "server" ID="C1LineChart1" Height="475" Width = "756">
		<Hint OffsetY="-10">
			<Content Function="hintContent" />
			<ContentStyle FontSize="10pt"></ContentStyle>
		</Hint>
		<Header Text="股票趋势">
			<TextStyle>
				<Fill Color="#fafafa"></Fill>
			</TextStyle>
		</Header>
		<SeriesHoverStyles>
			<wijmo:ChartStyle StrokeWidth="4" />
		</SeriesHoverStyles>
		<SeriesList>
			<wijmo:LineChartSeries Label="My Stocks" FitType="Spline" LegendEntry="true">
				<Markers Visible="True" Type="Circle">
				</Markers>
				<Data>
					<X>
						<Values>
							<wijmo:ChartXData DateTimeValue="2010-03-01" />
							<wijmo:ChartXData DateTimeValue="2010-06-01" />
							<wijmo:ChartXData DateTimeValue="2010-09-01" />
							<wijmo:ChartXData DateTimeValue="2010-12-01" />
							<wijmo:ChartXData DateTimeValue="2011-03-01" />
							<wijmo:ChartXData DateTimeValue="2011-06-01" />
							<wijmo:ChartXData DateTimeValue="2011-09-01" />
						</Values>
					</X>
					<Y>
						<Values>
							<wijmo:ChartYData DoubleValue="-6.1" />
							<wijmo:ChartYData DoubleValue="-10.4" />
							<wijmo:ChartYData DoubleValue="-2.8" />
							<wijmo:ChartYData DoubleValue="1.1" />
							<wijmo:ChartYData DoubleValue="2.1" />
							<wijmo:ChartYData DoubleValue="-1.6" />
							<wijmo:ChartYData DoubleValue="6.2" />
						</Values>
					</Y>
				</Data>
			</wijmo:LineChartSeries>
		</SeriesList>
		<SeriesStyles>
			<wijmo:ChartStyle Stroke="#afe500" StrokeWidth="3" />
		</SeriesStyles>
		<Footer Compass="South" Visible="False"></Footer>
		<Legend Visible="false">
			<Size Width="30" Height="3"></Size>
		</Legend>
		<Axis>
			<X>
				<Labels>
					<AxisLabelStyle FontSize="11pt" Rotation="-45">
						<Fill Color="#7f7f7f"></Fill>
					</AxisLabelStyle>
				</Labels>
				<TickMajor Position="Outside">
					<TickStyle Stroke="#7f7f7f"></TickStyle>
				</TickMajor>
			</X>
			<Y Compass="West" Visible="true" Origin="0">
				<Labels TextAlign="Center">
					<AxisLabelStyle FontSize="11pt">
						<Fill Color="#7f7f7f"></Fill>
					</AxisLabelStyle>
				</Labels>
				<GridMajor Visible="True">
					<GridStyle Stroke="#353539" StrokeDashArray="- "></GridStyle>
				</GridMajor>
				<TickMajor Position="Outside">
					<TickStyle  Stroke="#7f7f7f"></TickStyle>
				</TickMajor>
				<TickMinor Position="Outside">
					<TickStyle Stroke="#7f7f7f"></TickStyle>
				</TickMinor>
			</Y>
		</Axis>
	</wijmo:C1LineChart>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ControlOptions" runat="server">
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="Description" runat="server">
			<p>
				 C1LineChart控件支持负值数据，通过设置每个轴的Origin属性，完美的展现双向图表。通过Origin属性决定每个轴的起点位置，是在同一图表上显示正值和负值的最佳方式。
			</p>
</asp:Content>
